<%@ include file="../common/top.jsp"%>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<div id="BackLink">
    <a href="mainForm">Return to Main Menu</a>
</div>

<script src="${pageContext.request.contextPath}/js/order.js"></script>

<div id="Catalog">

    <ul id="nav">
        <li><a href="orderForm">Payment Details</a></li>
        <li><a href="confirmOrder">Order Details</a></li>
    </ul>

    <table id="content">
        Please confirm the information below and then press continue...
        <tr>
            <th align="center" colspan="2">
                <font size="4">
                    <b>Order</b>
                </font>
                <br />
                <font size="3">
                    <b>
                        <fmt:formatDate value="${sessionScope.order.orderDate}" pattern="yyyy/MM/dd hh:mm:ss" />
                    </b>
                </font>
            </th>
        </tr>

        <tr>
            <th colspan="2">Billing Address</th>
        </tr>
        <tr>
            <td>First name:</td>
            <td>
                <label id="firstNames">${sessionScope.order.billToFirstName}</label>
            </td>
        </tr>
        <tr>
            <td>Last name:</td>
            <td><label id="lastNames">${sessionScope.order.billToLastName}</label></td>
        </tr>
        <tr>
            <td>Address 1:</td>
            <td><label id="address1s">${sessionScope.order.billAddress1}</label></td>
        </tr>
        <tr>
            <td>Address 2:</td>
            <td><label id="address2s">${sessionScope.order.billAddress2}</label></td>
        </tr>
        <tr>
            <td>City:</td>
            <td><label id="citys">${sessionScope.order.billCity}</label></td>
        </tr>
        <tr>
            <td>State:</td>
            <td><label id="states">${sessionScope.order.billState}</label></td>
        </tr>
        <tr>
            <td>Zip:</td>
            <td><label id="zips">${sessionScope.order.billZip}</label></td>
        </tr>
        <tr>
            <td>Country:</td>
            <td><label id="countrys">${sessionScope.order.billCountry}</label></td>
        </tr>
        <tr>
            <th colspan="2">Shipping Address</th>
        </tr>
        <tr>
            <td>First name:</td>
            <td><c:out value="${sessionScope.order.shipToFirstName}" /></td>
        </tr>
        <tr>
            <td>Last name:</td>
            <td><c:out value="${sessionScope.order.shipToLastName}" /></td>
        </tr>
        <tr>
            <td>Address 1:</td>
            <td><c:out value="${sessionScope.order.shipAddress1}" /></td>
        </tr>
        <tr>
            <td>Address 2:</td>
            <td><c:out value="${sessionScope.order.shipAddress2}" /></td>
        </tr>
        <tr>
            <td>City:</td>
            <td><c:out value="${sessionScope.order.shipCity}" /></td>
        </tr>
        <tr>
            <td>State:</td>
            <td><c:out value="${sessionScope.order.shipState}" /></td>
        </tr>
        <tr>
            <td>Zip:</td>
            <td><c:out value="${sessionScope.order.shipZip}a" /></td>
        </tr>
        <tr>
            <td>Country:</td>
            <td><c:out value="${sessionScope.order.shipCountry}" /></td>
        </tr>

    </table>

    <a href="order">
        <input type="submit" name="confirmed" value="confirmed">
    </a>
</div>

<%@ include file="../common/bottom.jsp"%>





